/* 只有一个按钮时 会影响按钮的大小 */
.nav_box {
    position: fixed;
    bottom: 0;
    width: 100%;
    /* height: 50px; */
    display: flex;
    /* background: #fff; */
    background: transparent;
    z-index: 100;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);  
}
/* 不会影响按钮的大小 */
.bottom{
    position: fixed;
    bottom: 0;
    padding-left: 48rpx;
    padding-right: 48rpx;
    padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
    width: calc(100% - 96rpx);
    background-color: #ffffff;
    z-index: 100;
}
.btn-area {
    position: fixed;
    bottom: 0;
    padding-bottom:calc(32rpx + env(safe-area-inset-bottom));
    width: calc(100% - 96rpx);
    /* display: flex; */
    background: #ffffff;
    z-index: 100;
}
.nav_item {
    flex: 1;
    text-align: center;
    padding-top: 12px;
}
.nav_icon {
    display: inline-block;
    width: 24px;
    height: 24px;
}
.nav_name {
    font-weight: bold;
    font-size: 10px;
    color: #A9A9A9;
}
.curr_nav {
    color: #141414;
}
.fll {
    float: left;
}
.flr {
    float: right;
}
div {
    box-sizing: border-box;
}
/* ::v-deep .van-tabbar-item--active{
    font-weight: 700;
    font-size: 10px;
    color: #666666;
} */